<template>
	<div id="tmpl">
		 <div class="title">
            <h4 v-text="info.title"></h4>
            <p>{{info.add_time | datefmt('YYYY-MM-DD')}} {{info.click}}次浏览</p>
        </div>
        <div id="content" v-html="info.content"></div>
        <comment :id="id"></comment>
    </div>
</template>

<script>
	import common from '../../kits/common.js';
	import comment from "../subcom/comment.vue";
	export default {
		data(){
			return {
				id:0,
				info:""
			}
		},
		methods:{
			getinfo(){
//				var url = "http://www.lovegf.cn:8899/api/getnew/"+this.id;
				var url = common.apimain+"/api/getnew/"+this.id;
				this.$http.get(url).then(function(res){
					if(res.body.status!=0){
						alert(res.body.message);
						return;
					}
					this.info=res.body.message[0];
					console.log(this.info);
					console.log(1)
				});				
			}
		},
		created(){
			this.id=this.$route.params.id;
			this.getinfo();
		},
		components:{
			comment:comment
		}
	}
</script>

<style scoped>
.title h4 {
    color: #0094ff;
}
.title p {
    color: rgba(0, 0, 0, 0.5);
}
.title,#content {
    padding: 5px;
}
</style>